<template>
    <div class="cornerMenu">
        <!--右下角悬浮功能区-->
        <div class="fixed-side-menu">
            <ul class="list">
                <li id="returnTop" style="display: list-item;" title="返回顶部" @click="backTop">
                    <Icon type="chevron-up"></Icon>
                </li>
                <li title="QQ沟通">
                    <a class="ico-bg qq" href="http://wpa.qq.com/msgrd?v=3&amp;uin=2804678162&amp;site=qq&amp;menu=yes" target="_blank"></a>
                </li>
                <li id="wechatBoxWrap" class="wechat-box-wrap" title="建议反馈">
                    <div class="wechat-img" @click="feedbackFn">
                        <Icon type="social-twitch-outline"></Icon>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
/* 右下角悬浮功能区(统一组件) */
export default {
  name: 'cornerMenu',
  props: [
      'flag'
  ],
  methods: {
      backTop: function (){
          $('.backTop').animate({'scrollTop': 0}, 800);
      },
      feedbackFn: function (){
          this.$emit('listenChangeData',true);//在响应该点击事件的函数中使用$emit来触发一个自定义事件，并传递一个参数
      }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
</style>
